// 无状态组件 StatelessComponents
// 慢慢发展为函数式组件  React.FC
// display
// interface ChildProps {
//     count:number
// }
// const Child:React.FC<ChildProps> = (props) => {
//     return (
//         <div>
//             child {props.count}
//         </div>
//     )
// }
// export default Child
import React,{Component} from 'react'
interface Props {
    count: number
}
interface State {

}
class Child extends Component<Props,State> {
    constructor(props:Props) {
        super(props)
    }
    // 生命周期函数
    componentDidMount(): void {
        console.log('组件挂载了')
    }
    componentWillUnmount() {
        console.log('组件卸载了')
    }
    // 组织组件更新
    shouldComponentUpdate() {
        console.log('check 是否更新')
        if(this.props.count%2==0) {
            return false
        }
        return true
    }
    componentDidUpdate(): void {
        console.log('组件更新了')
    }
    render() {
        const {count} = this.props
        return (
            <div>
                Child {count}
            </div>
        )
    }
}
export default Child